<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<f:view contentType="text/html">	
	
<h:head>
	<title>Grupo 2</title>
</h:head>

<h:body>
	<h:form id="idFormChat">
		<p:fieldset toggleable="true" legend="#{loginMB.mensagem.user}, Bem vindo ao Grupo 2" >
		<h:panelGrid columns="5">
		
			<p:poll interval="1"  listener="#{grupo2MB.updateMessages}" update="idDataListMensagens" />  
		
	  		
	  		<h:outputText value="Mensagem:" />
	 		<p:inputText value="#{grupo2MB.mensagem.mensagem}" />
	 		
		
			<p:commandButton value="Enviar" action="#{grupo2MB.enviarMensagem}"  />
			
			
		</h:panelGrid>

		
			<p:dataList id="idDataListMensagens" value="#{grupo2MB.mensagens}" var="mensagem" itemType="disc">  
			
				<h:outputText value="#{mensagem.user} diz: #{mensagem.mensagem}" 
					rendered="#{mensagem.user == loginMB.mensagem.user}"
					style="font-size:15px; font-weigth: bolder; "/>
					
				<h:outputText value="#{mensagem.user} diz: #{mensagem.mensagem}" 
					rendered="#{mensagem.user != loginMB.mensagem.user}"
					style="font-size:15px; font-weigth: bolder; color:red"/>	
    		   
			</p:dataList> 
		
		</p:fieldset>
	</h:form>
</h:body>
</f:view>
</html>
